import React from 'react';
import ReactDOM from 'react-dom';
import PropTypes from 'prop-types';
import { connect } from 'dva';
import QuestionCard from '../../components/QuestionCard'
import { Tabs, Button, Card } from 'antd';
import { Link } from 'dva/router';

const TabPane = Tabs.TabPane;

const operations = <Link style={{marginRight:'1%'}} to={'/add'}> <Button type="primary" icon="plus-circle-o" ghost>我要提问</Button></Link>;

class Index extends React.Component {
    componentDidMount() {
        //this.props.dispatch({ type: 'index/initTag' })
    }
    render() {
        return (
            <div className="IContent">
                <div className="ILContent">
                    <Tabs  tabBarExtraContent={operations} className='yw-tabs'>
                        <TabPane tab="最新问题" key="1">
                            <QuestionCard title={'我的天，这是个什么问题？'}
                                content={'这个问题偶读熬枯受淡借记卡是的就哈克斯几点回家卡上'}
                                answermath={1} watchmath={1} upmath={3} />
                            <QuestionCard title={'我的天，这是个什么问题1？'}
                                content={'这个问题偶读熬枯受淡借记卡是的就哈克斯几点回家卡上'}
                                answermath={1} watchmath={1} upmath={1} />
                            <QuestionCard title={'我的天，这是个什么问题2？'}
                                content={'这个问题偶读熬枯受淡借记卡是的就哈克斯几点回家卡上'}
                                answermath={2} watchmath={1} upmath={9} />
                            <QuestionCard title={'我的天，这是个什么问题3？'}
                                content={'这个问题偶读熬枯受淡借记卡是的就哈克斯几点回家卡上'}
                                answermath={0} watchmath={1} upmath={2} />
                            <QuestionCard title={'我的天，这是个什么问题4？'}
                                content={'这个问题偶读熬枯受淡借记卡是的就哈克斯几点回家卡上'}
                                answermath={0} watchmath={0} upmath={1} />
                            <QuestionCard title={'我的天，这是个什么问题5？'}
                                content={'这个问题偶读熬枯受淡借记卡是的就哈克斯几点回家卡上'}
                                answermath={5} watchmath={0} upmath={2} />
                            <QuestionCard title={'我的天，这是个什么问题6？'}
                                content={'这个问题偶读熬枯受淡借记卡是的就哈克斯几点回家卡上'}
                                answermath={6} watchmath={0} upmath={3} />
                            <QuestionCard title={'我的天，这是个什么问题6？'}
                                content={'这个问题偶读熬枯受淡借记卡是的就哈克斯几点回家卡上'}
                                answermath={6} watchmath={0} upmath={3} />
                            <QuestionCard title={'我的天，这是个什么问题6？'}
                                content={'这个问题偶读熬枯受淡借记卡是的就哈克斯几点回家卡上'}
                                answermath={6} watchmath={0} upmath={3} />
                            <QuestionCard title={'我的天，这是个什么问题6？'}
                                content={'这个问题偶读熬枯受淡借记卡是的就哈克斯几点回家卡上'}
                                answermath={6} watchmath={0} upmath={3} />
                            <QuestionCard title={'我的天，这是个什么问题6？'}
                                content={'这个问题偶读熬枯受淡借记卡是的就哈克斯几点回家卡上'}
                                answermath={6} watchmath={0} upmath={3} />
                        </TabPane>
                        <TabPane tab="最多回答" key="2">
                            <QuestionCard title={'我的天，这是个什么问题6？'}
                                content={'这个问题偶读熬枯受淡借记卡是的就哈克斯几点回家卡上'}
                                answermath={6} watchmath={8} upmath={10} />
                        </TabPane>
                        <TabPane tab="最多推荐" key="3">
                            <QuestionCard title={'我的天，这是个什么问题6？'}
                                content={'这个问题偶读熬枯受淡借记卡是的就哈克斯几点回家卡上'}
                                answermath={22} watchmath={33} upmath={88} />
                        </TabPane>
                    </Tabs>
                </div>

                <div className="IRContent">
                    <Card style={{ marginBottom: '10px' }}>
                        <p style={{ fontSize: '14px', fontWeight: '900' }}>热门标签</p>
                        <ul>
                            <li>
                                C#<e>10个提问</e>
                            </li>
                            <li>
                                JQuery<e>9个提问</e>
                            </li>
                            <li>
                                .NET<e>8个提问</e>
                            </li>
                            <li>
                                JAVA<e>7个提问</e>
                            </li>
                        </ul>
                    </Card>
                </div>
            </div>)
    }
}
Index.propTypes = {
    dispatch: PropTypes.func
}

export default connect(({ dispatch }) => ({ dispatch }))(Index);